<ion-header>

  <ion-navbar>
    <ion-title>注册会员</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <form class="from" [formGroup]="regForm" >
    <div class="item flex">
      <p><span>*</span>账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</p>
      <input placeholder="请输入账号" formControlName="UserName">
    </div>
    <div class="item flex">
      <p><span>*</span>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</p>
      <input placeholder="请输入密码" formControlName="Password">
    </div>
    <div class="item flex">
      <p><span>*</span>确认密码:</p>
      <input placeholder="请再次输入密码" formControlName="endPassword">
    </div>
    <div class="item flex">
      <p><span>*</span>手&nbsp;&nbsp;机&nbsp;号:</p>
      <input placeholder="请输入手机号" formControlName="Phone">
    </div>
    <div class="item flex">
      <p><span>*</span>真实姓名:</p>
      <input placeholder="请填写真实姓名（绑定银行卡使用）" formControlName="TrueName">
    </div>
    <div class="item flex">
      <p>推&nbsp;&nbsp;&nbsp;广&nbsp;码:</p>
      <input placeholder="推广码，如无请留空" formControlName="ExtendCode">
    </div>
    <div class="item flex">
      <p><span>*</span>验&nbsp;&nbsp;证&nbsp;码:</p>
      <input placeholder="请输入验证码" style="width: 100px" formControlName="AuthCode">
      <img class="code" src="{{codeImage}}" (click)="getCodeImage()">
    </div>
  </form>

  <div style="text-align: center;padding-left: 20px;padding-right: 20px;">
    <button ion-button style="width: 100%;height: 40px;" (click)="registerAction(regForm.value)">确认注册</button>
  </div>


</ion-content>
